<template>
  <div>
    <h2>App组件</h2>
    <p>App中的p标签</p>
    <button @click="aaaa">调用子组件的方法</button>
    <!-- ref可以给固有标签加，也可以给组件标签加 -->
    <my-test ref="test"></my-test>
    <my-abc></my-abc>
  </div>
</template>

<script>
import MyAbc from "./components/MyAbc.vue";
import MyTest from "./components/MyTest.vue";
export default {
  components: { MyTest, MyAbc },
  methods: {
    aaaa() {
      // this.$refs.test; // 找到了组件
      // 找到了子组件之后，可以使用子组件的数据，也可以调用子组件的方法
      this.$refs.test.show(); // 调用了子组件的方法
    },
  },
};
</script>

<style></style>